<script setup lang="ts">
import { Transition, ref } from 'vue'
// 以下导入是用于示例中的淡入淡出过渡效果，如果想自定义更多过渡动画，可按需引入相关CSS类等
import 'vue/dist/vue.esm-bundler.js'
// 定义响应式变量来控制内容的显示状态
const showContent = ref(false)
// 定义一个函数来切换内容的显示状态
function toggleContent() {
  showContent.value = !showContent.value
}
</script>
<template>
  <!--文字介绍-->
  <!--文字介绍-->
  <div class="my-container">
    <div class="my-area my-row">
      <div class="my-col-md-12">
        <div class="sub_cont" style="background-color: white; opacity: 0.8">
          <h1 @click="toggleContent" style="font-family: '华文行楷', cursive; font-size: 3em">
            大革命风云：中国共产党的奋斗与抉择
          </h1>
          <br />
          <Transition name="fade">
            <div class="font-cont" v-show="showContent">
              <hr />
              <h2>一、大革命的历史背景与兴起</h2>
              <img
                src="https://p3-search.byteimg.com/obj/pgc-image/2bd7e90f9cee452f80536c46a2c84ef0" />
              <br />
              <p>
                20 世纪 20
                年代的中国处于半殖民地半封建社会，社会状况极为复杂。帝国主义加紧侵略，经济上，民族资产阶级受挤压，如一战后帝国主义卷土重来，中国社会经济半殖民地化进一步加深，民族工业受到严重打压。国内军阀混战，社会生产力遭到严重破坏，人民生活在水深火热之中。
              </p>
              <br />
              <p>
                帝国主义和封建军阀的双重压迫使得中国人民对反帝反封建的需求日益强烈。国共合作具有历史必然性。一方面，中国共产党成立后发动和领导了第一次工人运动，但因中国民族资本主义发展不充分，工人队伍不够壮大，很快转入低潮，中国共产党深刻认识到要联合其他力量共同斗争。另一方面，国民党也面临着诸多问题，需要新生力量。
              </p>
              <br />
              <p>
                在这样的背景下，大革命兴起。1924 年 1
                月，国民党“一大”的召开，标志着国共合作的正式形成。国共合作加速了中国革命的步伐，推动了以工农群众为主体的国民革命运动的蓬勃发展，为推翻帝国主义和封建军阀的统治奠定了基础。
              </p>
              <br />
              <br />
              <h2>二、中国共产党在大革命时期的重要活动</h2>
              <img
                src="https://p3-search.byteimg.com/obj/tos-cn-i-qvj2lq49k0/a338e8363dbb45b7bb62dabc491fc0e1"
                alt="" />
              <br />
              <h3>（一）领导工人运动</h3>
              <br />
              <p>
                中国共产党成立后，高度重视工人运动，积极领导工人争取自身权益。1923年2月，京汉铁路工人大罢工爆发，这是中国共产党领导的第一次工人运动高潮的顶点。工人们以“为自由而战，为人权而战”为口号，抗议军阀的残酷统治和帝国主义的压迫。此次罢工虽然以失败告终，但却充分显示了中国工人阶级的力量和坚定的斗争精神。工人的生命和鲜血进一步唤醒了中国人民，为后来的革命斗争奠定了坚实的基础。此外，1925年爆发的五卅运动，上海工人开始大规模罢工，这是一次伟大的群众性的反帝爱国运动，大大提高了全国人民的觉悟程度和组织力量，在全国范围内为北伐战争准备了群众基础，并将国民革命推向高潮。
              </p>
              <br />
              <h3>（二）推动农民运动</h3>
              <p>
                以海康农民运动为例，中国共产党在大革命时期积极领导农民运动。1924年8月，海康东洋乡北营村进步青年黄杰被选送到第二届农讲所学习并加入了共产党，11月，受中央农民部派遣回到雷州地区开展农民运动，点燃了雷州乃至南路15个县农民运动的圣火。他巧妙地加入并利用“雷州改良蒲包会”演讲员的公开身份，到乡村、圩镇向农民宣传，使农民逐步觉悟起来。1925年5月，广东省第一届农民代表大会在广州召开，成立了广东农民协会，海康的农民运动有了省农会的指导和当地党组织的直接领导，发展迅猛。从1925年12月到1927年12月，海康县农民运动以排山倒海之势开展起来。在这个过程中，涌现出了许多英勇献身的烈士，他们为了革命抛头颅洒热血，如程庚、黄杰、陈凤鸣、黄河等。
              </p>
              <br />
              <h3>（三）参与国共合作</h3>
              <p>
                国共合作的形成经历了一系列重要过程。1923年6月，中共三大正式决定全体共产党员以个人名义加入国民党，以实现国共合作。同时明确规定共产党员加入国民党时，党必须在政治上、思想上、组织上保持自己的独立性。1924年1月，中国国民党第一次全国代表大会在广州举行，大会通过的宣言对三民主义作出新解释，确立了联俄、联共、扶助农工三大政策，标志着第一次国共合作正式形成。
              </p>
              <br />
              <p>
                国共合作后产生了积极影响。国共合作创办了中央陆军军官学校（黄埔军校），为未来的革命战争准备了军事力量的骨干。同时，工农运动蓬勃开展，工人运动开始复兴，农民运动也有了初步开展。国共合作推动了国民革命思想的广泛传播，使“打倒列强，除军阀”的口号深入人心，加快了中国革命前进的步伐。
              </p>
              <br />
              <h2>三、大革命时期的重大事件</h2>
              <img
                src="https://p3-search.byteimg.com/obj/labis/d43fcbb62efc640f5d717dc30d1cd201"
                alt="" />
              <br />
              <h3>（一）五卅惨案</h3>
              <br />
              <p>
                1925 年 5 月 15 日，上海日本纱厂资本家枪杀工人顾正红，激起全市人民的愤怒。5 月 30
                日，上海学生 2000 余人在租界内宣传声援工人，被英帝国主义拘捕 100
                余名。随后，近万名群众聚集在上海南京路巡捕房门口，要求释放被捕学生。英国巡捕竟开枪射击，当场死
                10 余人，伤数十人，制造了震惊中外的五卅惨案。
              </p>
              <br />
              <p>
                五卅惨案发生后，中国共产党立即号召上海人民罢工、罢课、罢市，以抗议帝国主义大屠杀。31
                日晚，上海有组织的 20 余万工人成立了上海总工会，选举李立三为委员长。6 月 1
                日，上海全市的总罢工、总罢课和总罢市开始了。6 月 7
                日，由上海总工会、全国学生联合会、上海学生联合会和各马路商界总联合会推举代表，组成“工商学联合委员会”，提出了惩凶、赔偿、取消领事裁判权，永远撤退外国在上海的军队等
                17 项交涉条件。
              </p>
              <br />
              <p>
                五卅惨案引发了全国规模的反帝怒潮，北京、天津、南京、青岛、杭州、开封、郑州、重庆等全国各大城市和几百个城镇的人民，纷纷游行示威，罢工，罢课，罢市，通电，捐款，表示支援，并得到国际工人阶级的支援。五卅运动沉重打击了帝国主义，大大提高了中国人民的觉悟，揭开了大革命高潮的序幕。
              </p>
              <br />
              <h3>（二）北伐战争</h3>
              <br />
              <p>
                1926
                年，为了推翻吴佩孚、孙传芳、张作霖等北洋军阀的统治，统一全国，国民政府决定进行北伐战争。北伐军以国民革命军为主力，从广东起兵，在接连攻下长沙、武汉、南京、上海等地以后，沉重地打击了帝国主义和北洋军阀在中国的统治。
              </p>
              <br />
              <p>
                中国共产党在北伐战争中发挥了重要作用。一方面，党直接掌握和领导的第四军叶挺独立团，作为北伐先头部队之一，所向披靡，战功赫赫。在攻打武昌时，叶挺亲自指挥全团攻城，共产党员和共青团员冒着枪林弹雨，奋勇向前。另一方面，在党的领导下，南方各省的人民群众全面深入地发动起来，给北伐军以有力的支援。各铁路工会联合成立交通队，帮助北伐军乘列车开进；省港罢工委员会组成运输队以及宣传队、卫生队等，随军出征；湖南、湖北等地党组织发动工农群众配合北伐军行动，组织农民自卫军直接参战。
              </p>
              <br />
              <p>
                北伐战争加速了中国革命历史的进程，基本消灭了北洋军阀，为以后中国新民主主义革命的发展开辟了道路。同时，北伐战争也使共产党深刻认识到建立以共产党领导的无产阶级军队的重要性，为开辟农村包围城市，武装夺取国民党政权的革命道路奠定了基础。
              </p>
              <br />
              <h3>（三）反革命政变</h3>
              <br />
              <p>
                随着北伐战争的节节胜利，蒋介石、汪精卫反革命面目逐渐暴露。1927 年 4 月 12
                日，蒋介石在上海发动反革命政变。当天凌晨，大批青帮武装流氓冒充工人从租界冲出，向分驻上海总工会等处的工人纠察队发动突然袭击。国民革命军第二十六军借调解之名，收缴工人纠察队武装。13
                日，上海工人和市民召开 10
                万人的群众大会，会后整队游行，要求释放被捕工友，交还纠察队被缴枪械。队伍行进到宝山路时，第二十六军突然冲出，向密集的人群扫射，当场打死
                100 多人，伤者不计其数。
              </p>
              <br />
              <p>
                1927 年 7 月 15
                日，汪精卫在武汉召开会议，宣布停止与中国共产党的合作，发动“七一五反革命政变”。至此，第一次国共合作正式结束，大革命从高潮走向失败。
              </p>
              <br />
            </div>
          </Transition>
        </div>
      </div>
    </div>
  </div>
</template>

<style>
@import '@/modules/moules1/modules1_BigRevelution/assets/main.css';
</style>
<style scoped>
.sub_cont {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  margin: 30px 50px;
  box-sizing: border-box;
  padding: 15px 30px;
  transition: all 0.3s ease-in-out;
  /* 平滑过渡效果 */
  transform: translateY(0);
  /* 初始状态，不移动 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  /* 普通状态下轻微阴影 */
}

.sub_cont h1 {
  text-align: center;
  font-weight: bold;
}

.sub_cont h1:hover {
  cursor: pointer;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  /* 悬浮时的阴影设置 */
  transform: translateY(-3px);
  /* 鼠标悬浮时向上移动 */
  transition: all 0.3s ease-in-out;
  /* 平滑过渡效果 */
  color: red;
}

/* .font-cont p {
  font-size: 1.2em;
  font-weight: bold;
} */
/* 添加过渡效果 */
.fade-enter-from {
  opacity: 0;
}
/* 淡入结束时的最终状态，元素完全不透明，可见 */
.fade-enter-to {
  opacity: 1;
}
/* 定义淡入的过渡时间和动画曲线等 */
.fade-enter-active {
  transition: opacity 0.5s ease;
}
/* 淡出开始时的初始状态，元素是完全不透明，可见 */
.fade-leave-from {
  opacity: 1;
}
/* 淡出结束时的最终状态，元素完全透明，不可见 */
.fade-leave-to {
  opacity: 0;
}
/* 定义淡出的过渡时间和动画曲线等 */
.fade-leave-active {
  transition: opacity 0.5s ease;
}
/* 对与图片的修改 */
img {
  width: 50%;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}
</style>
